<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>
	<link rel="stylesheet" href="css/home.css" />

	<body>
		<div class="index">
			<div class="title">贷款超市</div>
			<div class="index-see">
				<a href="my.html"><img src="images/banner.png" alt=""></a>
			</div>
			<div class="product">
				<p>热门产品</p>
			</div>
			<div class="index-loan">
				<div>
					<p class="loan">Hi，您可以借</p>
				</div>
				<p class="money">￥25,000</p>
				<p class="total">总金额: &nbsp;25,000,00, &nbsp;日利率万分之三</p>
				<a href="javasvript:;"><button class="go-loan">去借款</button>
					</btuuon>
				</a>
			</div>
			<div class="bottom">
				<div class="bo-div">
					<img src="images/shouxin.png" class="bo-img" alt="" style="margin-left: 20%">
					<p style="margin-left: 10%" class="bo-p">一次授信，循环可用</p>
				</div>
				<div class="bo-div">
					<img src="images/suijie.png" alt="" style="margin-left: 57%">
					<p style="margin-left: 48%">随借随还，按日计息</p>
				</div>

			</div>
			<nav class="mui-bar mui-bar-tab buttom">
				<a  class="mui-tab-item mui-active"  id="index">
					<span class="mui-icon home-img">
					</span>

					<span class="mui-tab-label">首页</span>
				</a>
				<a  class="mui-tab-item " id="my">
					<span class="mui-icon my-img"></span>
					<span class="mui-tab-label">我的</span>
				</a>

			</nav>

		</div>

	</body>
	<script src="js/jquery.min.js"></script>
	<script>
		
		document.getElementById('index').addEventListener('tap',function(){
			mui.openWindow('home.html','index');
		});
			document.getElementById('my').addEventListener('tap',function(){
			mui.openWindow('my.html','my');
		});
	</script>



</html>